import Vue from "vue";

const components = [
  "ALeftLeft",
  "ALeftRight",
  "ACenter",
  "ARightLeft",
  "ARightRight",
];

components.forEach((key) => {
  Vue.component(key, () => import(`@/views/avator/${key}/index`));
});

export const componentList = [
  {
    id: 1,
    name: "ALeftLeft",
    type: "LeftLeft",
    title: "货主画像",
    className: "l-item animate__animated animate__fadeInLeft",
    titleClassName: "left-title",
    myStyle: {
      width: "450px",
      // margin: "0px",
      height: "780px",
    },
  },
  {
    id: 2,
    name: "ALeftRight",
    type: "LeftRight",
    title: "车辆画像",
    className: "content_left-item animate__animated animate__fadeInLeft",
    titleClassName: "center-title",
    myStyle: {
      width: "900px",
      marginLeft: "30px",
      height: "780px",
    },
  },
  {
    id: 3,
    name: "ACenter",
    type: "Center",
    title: "园区画像",
    className: "content_center-item animate__animated animate__fadeInUp",
    titleClassName: "center-title",
    myStyle: {
      width: "1300px",
      // margin: "0px",
      height: "780px",
    },
  },
  {
    id: 4,
    name: "ARightLeft",
    type: "RightLeft",
    title: "专线画像",
    className: "content_right-item animate__animated animate__fadeInRight",
    titleClassName: "center-title",
    myStyle: {
      width: "900px",
      marginRight: "30px",
      height: "780px",
    },
  },
  {
    id: 5,
    name: "ARightRight",
    type: "RightRight",
    title: "加油站",
    className: "r-item animate__animated animate__fadeInRight",
    titleClassName: "right-title",
    myStyle: {
      width: "450px",
      // margin: "0px",
      height: "780px",
    },
  },
];
